<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/teacher.css">
    <link rel="stylesheet" href="font/iconfont.css">
</head>

<body>
    <!-- 头部 -->
    <header>
        <a href="recommend.html" class="iconfont iconfanhui1" style="font-size:0.55rem"></a>
        <input class="ipt" type="text" class="ipt" placeholder="搜索用户艺伙号或者昵称">
        <a href="#" style="font-size:0.35rem;line-height: 0.55rem">入驻</a>
    </header>

    <!-- 内容区域 -->
    <section>
        <article class="tishi">
            恭喜高兴全老师加入中国书法协会！！
        </article>
        <article class="teacher">
            <!-- <aside class="show01"></aside> -->
            <aside class="show">
                <p>李磊</p>
                <p>艺术从业者 | 2310个学生</p>
                <div>
                    <img src="img/插画.jpg" alt="">
                    <img src="img/插画.jpg" alt="">
                    <img src="img/插画.jpg" alt="">
                </div>
                <aside>+关注</aside>
            </aside>

            <!-- <aside class="show01"></aside> -->
            <div class="headPhoto"><img style="width: 100%" src="img/头像01.jpg" alt=""></div>
        </article>
        <nav class="nav">
            <ul>
                <li class="active">专家</li>
                <li>金牌导师</li>
                <li>导师</li>
                <li>金牌讲师</li>
                <li>讲师</li>
            </ul>
        </nav>
        <figure class="list">
            <figcaption class="photo"><img src="img/头像.jpg" alt=""></figcaption>
            <div class="right">
                <p style="font-size: 0.32rem;display: flex;justify-content: space-between;line-height: 0.5rem;color: #333"><span>路先生</span><em class="teshu">+关注</em></p>
                <p style="font-size: 0.3rem;color: #333">油画棒艺术开创者</p>
                <p style="font-size: 0.3rem;color: #666;display: flex;justify-content: space-between"><span>油画棒</span><em>5950个学生</em></p>
            </div>
        </figure>
        <figure class="list">
            <figcaption class="photo"><img src="img/头像.jpg" alt=""></figcaption>
            <div class="right">
                <p style="font-size: 0.32rem;display: flex;justify-content: space-between;line-height: 0.5rem;color: #333"><span>路先生</span><em class="teshu">+关注</em></p>
                <p style="font-size: 0.3rem;color: #333">油画棒艺术开创者</p>
                <p style="font-size: 0.3rem;color: #666;display: flex;justify-content: space-between"><span>油画棒</span><em>5950个学生</em></p>
            </div>
        </figure>
    </section>

    <!-- 底部
    <footer>

    </footer> -->
    <script src="js/jquery-1.11.3.min.js"></script>
    <script src="js/teacher.js"></script>
</body>

</html>